@import '../c_themes/theme.scss';
// 雪茄详情

// 详情容器
.cigar-detail {
	padding: 20rpx;
	background-image: $common-list-bg-gradient;
}
// 雪茄头部卡片
.cigar-head-card {
	background-color: $post-card-bg-color;
	background-image: $post-card-bg-img;
	border-radius: $common-border-radius;
	box-shadow: $post-card-shadow;
	margin-bottom: 10px;
	text-align: left;
}
	// 头部
	.cigar-head-card .cigar-info-head {
		display: flex;
		padding: 20rpx;
		border-bottom: $common-line-width solid $tweenLine-color;
	}
		// 雪茄信息
		.cigar-head-card .cigar-info-head .cigar-info {
			margin-left: 10rpx;
			word-break: break-all;
			font-weight: bold;
			font-size: $title3-fontSize;
			line-height: 1.25;
			width: 70%;
		}
		// 数据列表
		.cigar-head-card .date-list {
			display: flex;
			justify-content: space-around;
			padding: 20rpx 0;
		}
			// 子项
			.cigar-head-card .date-list .list-item {
				color: $sub-color;
				text-align: center;
				border-right: $common-line-width solid $tweenLine-color;
				width: 30%;
			}
				// 最后一项没有间隔线
				.cigar-head-card .date-list .list-item:last-child{
					border:none;
				}
			// 子项文字
			.cigar-head-card .date-list .list-item text{
				display: block;
			}
// 详情列表
.detail-content-list {
	margin: 10rpx 0;
}
	// 子项目
	.detail-content-list .list-item {
		border-bottom: $common-line-width solid $tweenLine-color;
		display: flex;
		align-items: center;
		padding: 20rpx 0;
	}
	// 子项目末尾
	.detail-content-list .list-item:last-child {
		border: none;
	}
		// 项目名
		.detail-content-list .list-item .item-name {
			color: $sub-color;
			width: 160rpx;
			text-align: right;
		}
		// 项目信息
		.detail-content-list .list-item .item-info {
			width: 70%;
		}
		// 五星
		.detail-content-list .list-item .big-five-star{
			width: 420rpx;
		}
		.detail-content-list .list-item .big-five-star uni-view{
			margin-right: 6rpx !important;
		}
			// 图标设置
			.detail-content-list .list-item .big-five-star .uni-rate__icon,
			.detail-content-list .list-item .big-five-star .uni-icons,
			.detail-content-list .list-item .big-five-star .uni-rate__icon-on{
				width: 70rpx;
				height: 70rpx;
				font-size: 70rpx;
				text-align: center;
			}
		// 味道组件
		.detail-content-list .list-item .smell-control,
		.detail-content-list .list-item .smell-control uni-slider {
			margin: 0;
			padding: 0;
		}
		// 环标图片
		.detail-content-list .list-item .cigar-ring-photo {
			height: 160rpx;
			max-width: 100%;
		}
		// 环标图片
		.detail-content-list .list-item .cigar-ring-photo image,
		.detail-content-list .list-item .cigar-ring-photo image div {
			background-position: left;
			justify-self: flex-start;
			max-width: 100%;
		}